<template>
  <div class="demo-block">
    <h4>手风琴模式</h4>
    <my-collapse accordion>
      <my-collapse-item value="1" title="黑铁">
        <span>黑铁</span><br /><span>黑铁</span><br /><span>黑铁</span>
    </my-collapse-item>
    <my-collapse-item value="2" title="黄铜">
        <span>黄铜</span><br /><span>黄铜</span><br /><span>黄铜</span>
    </my-collapse-item>
    <my-collapse-item value="3" title="白银">
        <span>白银</span><br /><span>白银</span><br /><span>白银</span>
    </my-collapse-item>
    </my-collapse>
  </div>
</template>

<script>
import { collapse, collapseItem } from "../../../../src/components/collapse";
export default {
  components: {
    "my-collapse": collapse,
    "my-collapse-item": collapseItem,
  },
};
</script>

<style>
</style>